<template>
  <div id="hotpage">
    <hotLeft></hotLeft>
    <div class="center-hot">
      <hotEdit></hotEdit>
      <hotList></hotList>
    </div>
    <hotRight></hotRight>
  </div>
</template>

<script>
import hotLeft from "../components/hotPagesC/hotLeft";
import hotEdit from "../components/hotPagesC/hotEdit";
import hotRight from "../components/hotPagesC/hotRight";
import hotList from "../components/hotPagesC/hotList";
export default {
  name: "hotPages",
  components:{
    hotLeft,
    hotEdit,
    hotRight,
    hotList
  }
}
</script>

<style>
#hotpage{
  display: flex;
  justify-content: space-between;
  width: 1200px;
  margin: 85px auto;
}
</style>